<include file="Common:header" />
<TYimport plugin='datepicker' />
<link href="__PRIVATE__/css/webuploader.css" rel="stylesheet">
<link href="__PRIVATE__/css/webstyle.css" rel="stylesheet">
<script type="text/javascript" src="__PRIVATE__/js/webuploader.js"></script>

<div class="table_content" >
        <table class="edit_table">
            <input name="id" type="hidden" value="{$info.order_id}">
            <tr>
                <td class="tablehead">订单号</td>
                <td>
                    <span style="color:#ff8800">{$info.ordersn}</span>
                    <label class="tips"></label>
                </td>
            </tr>
            <tr>
                <td class="tablehead">预定项目</td>
                <td>
                    {$info.project_name}
            		<label class="tips"></label>
                </td>
            </tr>
            <tr>
                <td class="tablehead">预定城市</td>
                <td>
                	{$info.province_name} {$info.city_name}<label class="tips"></label>
                </td>
            </tr>
            <tr>
                <td class="tablehead">所在医院</td>
                <td>
                	{$info.hospital_name}
                    <label class="tips"></label>
                </td>
            </tr>
            <tr>
                <td class="tablehead">住院编号</td>
                <td>
                	{$info.hospitalno}
                    <label class="tips"></label>
                </td>
            </tr>
            <tr>
                <td class="tablehead">联系人</td>
                <td>
                	{$info.parents_name}
                    <label class="tips"></label>
                </td>
            </tr>
            <tr>
                <td class="tablehead">联系人(手机号)</td>
                <td>
                	{$info.parents_phone}
                    <label class="tips"></label>
                </td>
            </tr>

            <tr>
                <td class="tablehead">爸爸姓名</td>
                <td>
                	{$info.father_name}
                </td>
            </tr>

             <tr>
                <td class="tablehead">妈妈姓名</td>
                <td>
                    {$info.monther_name}<label class="tips"></label>
                </td>
            </tr>

             <tr>
                <td class="tablehead">出生时间</td>
                <td>
                    {$info.bron_time|date="Y-m-d H:i:s",###}<label class="tips"></label>
                </td>
            </tr>

             <tr>
                <td class="tablehead">宝宝性别</td>
                <td>
                    <switch name="info['baby_sex']">
                        <case value="1">男</case>
                        <case value="0">女</case>
                        <default>异常
                    </switch>
                    <label class="tips"></label>
                </td>
            </tr>

             <tr>
                <td class="tablehead">出生体重(kg)</td>
                <td>
                    <notempty name="info.baby_weight">
                        {$info.baby_weight}kg<label class="tips"></label>
                    </notempty>
                </td>
            </tr>

            <tr>
                <td class="tablehead">出生身高(cm)</td>
                <td>
                    <notempty name="info.baby_height">
                    {$info.baby_height}cm<label class="tips"></label>
                    </notempty>
                </td>
            </tr>
            <tr>
                <td class="tablehead">录音寄语</td>
                <td>
                    <notempty name="info.father_benediction">
                    寄语: {$info.record_text}<label class="tips"></label>
                    </notempty>
                </td>
            </tr>
            <!-- <tr>
                <td class="tablehead">爸爸寄语</td>
                <td>
                    <notempty name="info.father_benediction">
                    寄语:{$info.father_benediction}<label class="tips"></label>
                    </notempty>
                </td>
            </tr>
            <tr>
                <td class="tablehead">妈妈寄语</td>
                <td>
                    <notempty name="info.monther_benediction">
                    寄语:{$info.monther_benediction}<label class="tips"></label>
                    </notempty>
                </td>
            </tr> -->
            <tr>
                <td class="tablehead">预定时间</td>
                <td>
                    {$info.o_create_time|date="Y-m-d H:i:s",###}
                    <label class="tips"></label>
                </td>
            </tr>
            <tr>
                <td class="tablehead">视频进度</td>
                <td>
                    <switch name="info['is_make']">
                        <case value="1">已制作</case>
                        <case value="0">待制作</case>
                        <default>非法操作
                    </switch>
                </td>
            </tr>
            <tr>
                <td class="tablehead">订单状态</td>
                <td>
                    <switch name="info['is_pay']">
                        <case value="1">已付款</case>
                        <case value="0">待付款</case>
                        <default>非法操作
                    </switch>
                </td>
            </tr>
            <tr>
                <td class="tablehead">素材打包</td>
                <td>
                	<a href="{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/download_img_zip',array('ordersn'=>$info['ordersn']))}" target="_blank">打包下载</a>
                </td>
            </tr>
            <!-- 图片素材 -->
            <if condition="$info['img_num'] neq 0">
                <tr>
                    <td class="tablehead">图片素材</td>
                    <td>
                        <foreach name="info['img_arr']" item="vo">
                            <img src="/upload/{$vo}" style="width:260px;margin:10px;"/>
                            <a href="http://{$_SERVER['HTTP_HOST']}/upload/{$vo}" download>图片下载</a>
                            <br />
                        </foreach>
                        <label class="tips"></label>
                    </td>
                </tr>
            </if>
            <!-- 图片素材 -->
            <!-- 视频素材 -->
            <if condition="$info['material_video_0'] neq ''">
                <tr>
                    <td class="tablehead">视频素材</td>
                    <td>
                        <foreach name="info['video_arr']" item="voo" key="k">
                            <a href="http://{$_SERVER['HTTP_HOST']}/upload/{$voo}" download>视频下载{$k+1}</a>
                            <br />
                        </foreach>
                        <label class="tips"></label>
                    </td>
                </tr>
            </if>
            <!-- 视频素材 -->
            <empty name="info.video_final">
                <tr>
                    <td class="tablehead">宝宝视频上传</td>
                    <td>
                        <input type="hidden" id="order_id" value="{$info['order_id']}">
                        <div id="uploader" style="width: 800px;margin: left">
                            <div id="thelist" class="uploader-list"></div>
                            <div class="btns">
                                <table style="width: 300px;" >
                                    <tr align="right">
                                        <td>
                                            <div id="picker" style="float:left">选择文件</div>
                                        </td>
                                        <td>
                                            <button id="ctlBtn" class="btn btn-default" style="padding:8px 15px;">开始上传</button>
                                        </td>
                                    </tr>
                                </table>
                            </div>

                        </div>
                    </td>
                </tr>
            <else />
                <tr>
                    <td class="tablehead">宝宝视频（已上传）</td>
                    <td>
                        <video src="/Upload/{$info.video_final}" width="600px"  controls="controls"></video>
                    </td>
                </tr>
            </empty>
        </table>

        <div class="tab_box_btn">
            <input type="button" class="back_btn" value="返回"/>
        </div>
</div>
<include file="Common:footer" />

<script>
$(function(){
    var $id   = $("#order_id").val();   //订单号id
    var $list = $("#thelist");          //这几个初始化全局的百度文档上没说明，好蛋疼。
    var $btn  = $("#ctlBtn");           //开始上传

    var uploader = WebUploader.create({
        // 选完文件后，是否自动上传。
        auto: false,

        // swf文件路径
        swf: './Uploader.swf',

        formData:{
            order_id: $id
        },

        // 文件接收服务端。
        server: "{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/webloadForOrder')}",

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#picker',

        //只允许一个文件
        fileNumLimit:1,

        chunked: true,//开启分片上传
        threads: 1,//上传并发数
        chunkRetry: 1, // 如果某个分片由于网络问题出错，允许自动重传多少次？

        // 只允许选择视频文件。
        accept: {
            title: 'HTML5视频文件',
            extensions: 'mp4,flv,avi',
            mimeTypes: 'video/*,audio/*'
        },

        method:'POST',
    });
    // 1.当有文件添加进来的时候
    uploader.on( 'fileQueued', function( file ) {
        // webuploader事件.当选择文件后，文件被加载到文件队列中，触发该事件。等效于 uploader.onFileueued = function(file){...} ，类似js的事件定义。
        $list.append( '<div id="' + file.id + '" class="item">' +
            '<h4 class="info">' + file.name + '</h4>' +
            '<p class="state">等待上传...<a href=javascript:;>删除</a></p>' +
            '</div>' );
        //删除队列文件
        $list.on('click', '#'+file.id, function() {
            $("#"+file.id).remove();
            uploader.removeFile( file );
        })

    });

    // 2.文件上传过程中创建进度条实时显示。
    uploader.on( 'uploadProgress', function( file, percentage ) {
        var $li = $( '#'+file.id ),
            $percent = $li.find('.progress .progress-bar');

        // 避免重复创建
        if ( !$percent.length ) {
            $percent = $('<div class="progress progress-striped active">' +
                '<div class="progress-bar" role="progressbar" style="width: 0%">' +
                '</div>' +
                '</div>').appendTo( $li ).find('.progress-bar');
        }

        var percentbi = percentage.toFixed(4) * 100 + '%';
        $li.find('p.state').text('上传中,进度百分比： '+ percentbi);

        $percent.css( 'width', percentage * 100 + '%' );
    });

    // 3.文件上传成功，给item添加成功class, 用样式标记上传成功。
    uploader.on( 'uploadSuccess', function( file ,response) {
        $( '#'+file.id ).addClass('upload-state-done');
        //接收服务器传回来的数据
        callBackTips(response.status, response.info,response.url);
    });

    // 4.文件上传失败，显示上传出错。
    uploader.on( 'uploadError', function( file ) {
        $( '#'+file.id ).find('p.state').text('上传出错');
    });

    // 5.完成上传完了，成功或者失败，先删除进度条。
    uploader.on( 'uploadComplete', function( file ) {
        $( '#'+file.id ).find('.progress').remove();
        $( '#'+file.id ).find('p.state').text('已上传');
    });
    $btn.on( 'click', function() {
        if ($(this).hasClass('disabled')) {
            return false;
        }
        uploader.upload();
    });
});
</script>
